<template>
	<el-row type="flex" justify="space-between" style="margin-top: 10px;">
		<el-col :span="2" >
			
				  <el-image
				        style="width: 30px; height: 30px"
				        src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
				        fit="cover" />
				 
		</el-col>
		<el-col :span="6" class="logoName" >
			<span>XYD 运输管理系统 V1.0</span>
		</el-col>
		
		<el-col :span="2"  :offset="12" class="login">
			<span>欢迎 阿尔卑斯</span>
		</el-col>
		<el-col :span="2">
				  
				  <el-dropdown>
				    <span class="el-dropdown-link user-span">
						<el-avatar 
						style="width: 30px; height: 30px"
						src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"></el-avatar>
				    </span>
				    <el-dropdown-menu slot="dropdown">
				      <el-dropdown-item>
				        <i class="el-icon-user"></i>
				        <span class="icon-span">个人信息</span>
				      </el-dropdown-item>
				      <el-dropdown-item>
				        <i class="el-icon-edit"></i>
				        <span class="icon-span">修改资料</span>
				      </el-dropdown-item>
				      <el-dropdown-item divided @click.native="logout">
				        <i class="el-icon-close"></i>
				        <span class="icon-span">退出</span>
				      </el-dropdown-item>
				    </el-dropdown-menu>
				  </el-dropdown>
		</el-col>
	</el-row>
</template>
<script>
// import store from "@/vuex/store";
export default {
  data() {
    return {

    };
  },
  // store,
  mounted() {
    // this.image = JSON.parse(sessionStorage.getItem("userInf")).image;
  },
  computed: {
    getCollapse() {
      return true;
    }
  },
  methods: {
    //退出
    logout() {
      // this.$confirm("确认退出吗?", "提示", {
      //   cancelButtonClass: "btn-custom-cancel"
      // })
      //   .then(() => {
      //     sessionStorage.clear();
      //     this.$router.push("/login");
      //   })
      //   .catch(() => {});
    }
  }
};
</script>
<style>
.logoName{
	height: 100%;
	text-align: center;
	font-size: 24px;
}
.login{
	height: 100%;
	text-align: center;
	margin-top: 4px;
}
.user-span {
  cursor: pointer;
}
</style>
